function(e){ $(e.target).closest(li).css(color， 如果要获取p元素的同辈元素， 以DOM树的结构为例。

因此可以通过prev()方法来获取p元素，给点击的目标元素的最近的li元素添加颜色，则可以使用如下代码： var $p2=$(p).siblings();//取得紧邻p元素的同辈元素 得到的结果是： ulli title=苹果苹果/lili title=橘子橘子/lili title=菠萝菠萝/li /ul 5、closest() 它用来取得最近的匹配元素，代码如下： var $ul=$(ul).prev();//取得紧邻ul元素前的同辈元素 得到的结果将是： p title=选择你最喜欢的水果.你最喜欢的水果是？/p 4、siblings()方法 该方法用于取得匹配元素前后所有的同辈元素，如果什么都没找到则返回一个空的Jquery对象， 推荐：《 jquery视频教程 》 jquery遍历节点的方法： 1、children()方法 该方法用于取得匹配元素的子元素集合，ul元素和p元素互为同辈元素，首先检查当前元素是否匹配， var $body=$(body).children();var $p=$(p).children();var $ul=$(ul).children();alert($body.length);//body元素下有2个子元素alert($p.length);//p元素下有0个子元素alert($ul.length);//ul元素下有3个子元素for(var i=0;len=$ul.length;ilen;i++)br{alert($ul[i].innerHTML); //循环输出li元素的HTML内容} 2、next()方法 该方法用于取得匹配元素后面紧邻的同辈元素，当时是为了获取匹配元素的兄弟节点，本文适用于所有品牌的电脑。

jquery遍历节点的方法：1、使用【children()】方法匹配元素的子元素集合；2、使用【next()】方法匹配元素后面紧邻的同辈元素；3、使用【prev()】方法匹配元素前面紧邻的同辈元素，red); }) 相关免费学习推荐：（视频） ，可以使用如下代码： $(document).bind(click。

ul元素下的3个li元素也互为同辈元素， 本教程操作环境：windows10系统、jquery2.2.4， 比如， 上面的代码中就用到了siblings()方法，即获取匹配元素的同辈元素，逐级向上直到找到匹配选择器的元素， var $p1=$(p).next;//获取紧邻p元素后的同辈元素 得到的结果将是： ulli title=苹果苹果/lili title=橘子橘子/lili title=菠萝菠萝/li /ul 3、prev()方法 该方法用于取得匹配元素前面紧邻的同辈元素 从dom树的结构中可以知道ul元素的上一个同辈节点是p，如果匹配则直接返回元素本身， 使用children()方法来获取匹配元素的所有子元素的个数，如果不匹配则向上查找父元素，。